
import React from 'react';
import { useState, useEffect } from "react";
import './index.less';
import Xzzh from '../Xzzh';
import { BackTop } from 'antd';


export default function Tool(props) {
    
    // const [open,setOpen]=useState(false);
    const [datas, setDatas] = useState();


    function bjyans() {
        return props.tq ? "rgba(181, 217, 255,.5)" : null;
    }

    return <>
        <div className='fx-tool1' style={{
            position: 'absolute',
            top: 50,
            left: 0,
            zIndex: 2,
            width: 50,
            height: 'auto',
        }}>
            <span style={{ backgroundColor: bjyans() }}></span>
            <span  style={{}}></span>
            <span  style={{}}></span>
            <span  style={{}}></span>
            <span  style={{}}></span>
            <span  style={{}}></span>
            <span  style={{}}></span>
        </div>
        <div className='fx-tool' style={{
            position: 'absolute',
            top: 50,
            left: 0,
            zIndex: 2,
            width: 50,
            height: 'auto',
        }}>

            <button onClick={props.zrah}>
                选择灾害
            </button>
            <button >
                影响分析
            </button>
            <button >
                指挥决策
            </button>
            <button >
                专题图
            </button>
            <button >
                报告生成
            </button>
            <button >
                保存
            </button>
            <button >
                评估案例
            </button>
            

        </div>
    </>
}